﻿<template>
    <div>
      <p class="text-card">
        {{textMessage.text}}
      </p>
    </div>
  </template>
  
  <script setup>
  import { defineProps } from "vue";
  
  // 接收传来的卡片信息
  const props = defineProps({
    textMessage: { type: Object, required: true },
  });
  </script>
  
  <style scoped>
  .text-card {
    position: relative;
    width: 700px;
    height: auto;
    padding: 10px;
    margin-top: 20px;
    font-size: 12px;
    line-height: 20px;
    color: white;
    background-image: linear-gradient(
      -50deg,
      rgba(100, 90, 80, 100%),
      rgba(10, 10, 10, 100%)
    );
    border-radius: 20px;
    transition: 0.3s;
  }
  
  .text-card:active {
    transform: scale(0.98);
  }
  </style>
  